// export default {
//   // 一定要叫 updated
//   // el：该指令绑定在哪个元素上
//   // binding：指令相关信息，包含该指令绑定的值
//   updated(el, binding) { 
//     // console.log(el);
//     // console.log(binding);
//     if (binding.value.length < 5) {
//       el.style.color = 'red';
//     } else if (binding.value.length === 5) {
//       el.style.color = 'green';
//     } else {
//       el.style.color = 'blue';
//     }
//   }
// }

export default (el, binding) => {  // 同时在 mounted 和 updated 中执行
  // console.log(el);
  // console.log(binding);
  if (binding.value.length < 5) {
    el.style.color = 'red';
  } else if (binding.value.length === 5) {
    el.style.color = 'green';
  } else {
    el.style.color = 'blue';
  }
}